<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2618453_b1jn1vfgidl.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- <link rel="stylesheet" href="./css/index.min.css"> -->
    <title>首页</title>
    <style>

    </style>
</head>

<body>
    <div class="box">
        <div class="header">
            <img src="./images/LOGO.png" alt="">
            <input type="text" placeholder="请输入商品详情">
            <select>
                <option value="gz">广州市</option>
                <option value="bj">北京市</option>
            </select>

        </div>
        <div class="content">
            <div class="bg">
                <img src="./images/bg.png" alt="">
            </div>
            <!-- 优惠团购 -->
            <div class="item1">
                <div class="item_title1">
                    <img src="./images/团购.png" alt="">
                    <span>优惠团购</span>
                    <img src="./images/更多.png" alt="">
                    <span>更多</span>
                </div>
                <div class="item_content">
                    <div class="ic">
                        <img src="./images/麦霸福音.png" alt="">
                        <img src="./images/旅游大转盘.png" alt="">

                    </div>
                    <div class="ic">
                        <img src="./images/酒店年中促.png" alt="">
                        <img src="./images/外卖狂欢周.png" alt="">
                    </div>
                </div>

            </div>
            <!-- 猜你喜欢 -->
            <div class="item2">
                <div class="item_title2">
                    <img src="./images/心形.png" alt="">
                    <span>猜你喜欢</span>
                    <img src="./images/更多.png" alt="">
                    <span>更多</span>
                </div>
                <div class="content2">
                    <a href="./details.html">
                        <div class="left">
                            <img src="./images/万岁寿司.png" alt="">
                        </div>
                        <div class="right">
                            <h1>万岁寿司(正佳店)</h1>
                            <span>《100m</span>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                            <span>已售1000</span>
                        </div>
                    </a>
                </div>
                <div class="content2">
                    <a href="./details.html">
                        <div class="left">
                            <img src="./images/周黑鸭.png" alt="">
                        </div>
                        <div class="right">
                            <h1>周黑鸭(正佳店)</h1>
                            <span>《100m</span>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                            <span>已售1000</span>

                        </div>
                    </a>
                </div>

                <div class="content2">
                    <a href="./details.html">
                        <div class="left">
                            <img src="./images/万岁寿司.png" alt="">
                        </div>
                        <div class="right">
                            <h1>万岁寿司(正佳店)</h1>
                            <span>《100m</span>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                            <span>已售1000</span>

                        </div>
                    </a>
                </div>

                <div class="content2">
                    <a href="./details.html">
                        <div class="left">
                            <img src="./images/周黑鸭.png" alt="">
                        </div>
                        <div class="right">
                            <h1>周黑鸭(正佳店)</h1>
                            <span>《100m</span>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                            <span>已售1000</span>

                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer">
            <a href="./index.html" style="text-decoration: none;">
                <div>
                    <i class="iconfont icon-leimupinleifenleileibie2"></i>
                    <span>首页</span>
                </div>
            </a>
            <a href="./classification.html" style="text-decoration: none;">
                <div>
                    <i class="iconfont icon-faxian"></i>
                    <span>分类</span>
                </div>
            </a>
            <a href="./find.html" style="text-decoration: none;">
                <div>
                    <i class="iconfont icon-faxian1"></i>
                    <span>发现</span>
                </div>
            </a>
            <a href="./my.html" style="text-decoration: none;">
                <div>
                    <i class="iconfont icon-wode"></i>
                    <span>我的</span>
                </div>
            </a>
        </div>
    </div>

</body>

</html>